<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单和表单控件</title>
</head>
<body>
    <!-- 表单：可以用于提交数据 -->
    <!--
        value  表单控件的默认值
        name  表单控件的提交数据名称
        placeholder  提示文本
        checked  单选框和复选框的默认选中状态
        type  表单控件的类型
            type="text"  文本框
            type="password"  密码框
            type="radio"  单选框
            type="checkbox"  复选框
            type="submit"  提交按钮
            type="reset"  重置按钮
    -->
    <!-- action 设置提交的地址，默认为当前页面 -->
    <form action="https://www.baidu.com">
        文本框：<input type="text" placeholder="请输入文本" name="user" value="admin"><br>
        密码框：<input type="password" placeholder="请输入密码" name="pwd" value="123456">
        <br>
        <!-- 必须提供一个写死的值 -->
        单选框：<input type="radio" name="exam" value="A">A
        <input type="radio" name="exam" value="B">B
        <input type="radio" name="exam" value="C" checked>C
        <br>
        复选框：<input type="checkbox" name="more" value="A">A
        <input type="checkbox" name="more" value="B" checked>B
        <input type="checkbox" name="more" value="C">C
        <input type="checkbox" name="more" value="D" checked>D
        <br>
        <!-- 通过value改变按钮中的文本 -->
        <input type="submit" value="提交">
        <input type="reset"> <!-- 重置按钮 -->
        <br>
        下拉框：<select name="year">
            <option value="2000">2000</option>
            <option value="2001">2001</option>
            <option value="2002" selected>2002</option>
            <option value="2003">2003</option>
        </select>
        <br>
        文本域：<textarea name="beizhu">xxxxx</textarea>
    </form>
</body>
</html>